.cancel-refund-page {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.refund-address, .cancel-reason {
	padding: 24rpx;
	background-color: #ffffff;
}
.refund-address {
	margin-bottom: 20rpx;
}
.cancel-reason {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background-color: #ffffff;
	.reason-content {
		flex: 1;
		overflow: hidden;
	}
	.reason-scroll {
		height: 100%;
	}
}
.header-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 28rpx;
	.title-label {
		position: relative;
		padding-left: 18rpx;
		font-size: 28rpx;
		font-weight: bold;
		color: #2c2c2c;
		&::before {
			position: absolute;
			content: '';
			left: 0;
			top: 50%;
			margin-top: -14rpx;
			width: 6rpx;
			height: 28rpx;
			background-color: #ffe100;
			border-radius: 4rpx;
		}
	}
	.title-right {
		display: flex;
		align-items: center;
		font-size: 26rpx;
		color: #a6a6a6;
		.icon-more {
			width: 28rpx;
			height: 28rpx;
		}
	}
}
.refund-content {
	line-height: 36rpx;
	font-size: 26rpx;
	color: #2C2C2C;
	.name-phone {
		display: flex;
		align-items: center;
		.name {
			margin-right: 12rpx;
			max-width: 240rpx;
			word-break: keep-all;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.phone {
			font-size: 24rpx;
			color: #777777;
		}
	}
	.detail {
		margin-top: 8rpx;
	}
}
.reason-item {
	display: flex;
	align-items: center;
	padding: 0 18rpx;
	margin-bottom: 36rpx;
	.reason-image {
		flex-shrink: 0;
		margin-right: 20rpx;
		width: 36rpx;
		height: 36rpx;
		.icon-image {
			width: 100%;
			height: 100%;
		}
		.no-select {
			width: 100%;
			height: 100%;
			border: 1px solid #2c2c2c;
			border-radius: 50%;
			box-sizing: border-box;
		}
	}
	.reason-text {
		font-size: 28rpx;
		color: #2c2c2c;
	}
}
.button-content {
	display: flex;
	padding: 24rpx 18rpx;
	background-color: #ffffff;
	.button {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 6rpx;
		height: 84rpx;
		font-size: 32rpx;
		color: #2c2c2c;
		background: #f5f5f5;
		border-radius: 44rpx;
		&.confirm {
			background: linear-gradient(-88deg, #fff200, #ffe100);
		}
	}
}